<div class="bayonet-container">
      <div class="bayonet-header">
           <h3 class="face-title"><span class="closeBayonet" ng-click="cancel()"></span>人脸摄像头</h3>
      </div>
      <div class="bayonet-body">
           <div class="bayonet-left">
                <div class="bayonet_serach">
                  <label for="searchCamera"></label>
                  <input type="text" id="searchCamera" class="bayonet-text" placeholder="请输入摄像头位置">
                  <div class="bayonet-search">搜索</div>
                </div>
                <div class="tree_box">
                  <div js-tree="treeConfig" ng-model="treeData" tree="treeInstance" tree-events="select_node:readyCB;deselect_node:uncheck"></div>
                </div>
           </div>
           <div class="face-right">

                <div class="face-time">
                     <span class="face-time-text">时间从：</span>
                     <div class="bayonet-start-date">
                        <div class="input-group">
                              <input ng-laydate class="form-control" type="text"  ng-model="starttime"/>
                              <span class="input-group-addon"><i class="glyphicon time-icon"></i></span>
                        </div>
                     </div>
                     <span class="bayonet-to">至：</span>
                     <div class="bayonet-end-date">
                        <div class="input-group">
                              <input ng-laydate class="form-control" type="text" ng-model="endtime"/>
                              <span class="input-group-addon"><i class="glyphicon time-icon"></i></span>
                        </div>
                     </div>
                     <div class="bayonet-begin-find" ng-click="searchFace()">开始查询</div>   
                </div>
                <div class="face-tab">
                    <div class="face-picture" ng-class="{'prev': showList}" ng-click="checkShow(1)">校内人员</div>
                    <div class="face-list" ng-class="{'prev': !showList}" ng-click="checkShow(0)">校外人员</div>
                </div>
                <div class="show-face">
                  <div class="face-box">
                    <div class="face-contrast"  ng-show="showList" >
                        <div class="no-data" ng-if="(faceData.length==0||faceData==null)&&!loading">暂无人脸抓拍信息</div>
                        <loading ng-show="loading"></loading>
                        <div class="contrast" ng-repeat="li in faceData" ng-click="openIt(li,'facedetail')">
                            <div class="reduced">相似度<span>{{ li.xsd }}</span></div>
                            <dl class="normal-face photo">
                                <dt><img src="{{ li.zpzp }}" alt="" err-src="../img/暂无图片2.jpg" alt=""></dt>
                                <dd>{{ li.zpsj }}</dd>
                            </dl>
                            <dl class="import-face">
                                <dt><img ng-src="data:image/png;base64,{{ li.rlkzp }}" alt="" err-src="../img/暂无图片2.jpg" alt=""></dt>
                                <dd>{{ li.xm }}{{ li.xhgh }}</dd>
                            </dl>
                        </div>   
                    </div> 
                    <div class="list-pagin" ng-show="showList"><paginings pageOption="pageOptions" callBack="getContrast(item)"></paginings></div>

                    <div class="face-pictrue"  ng-hide="showList">
                        <div class="no-data" ng-if="(faceData.length==0||faceData==null)&&!loading">暂无人脸抓拍信息</div>
                        <loading ng-show="loading"></loading>
                        <dl class="out-face" ng-repeat="face in faceData" ng-click="openIt(face,'facesingle')">
                            <dt><img src="{{ face.zpzp }}" alt="" err-src="../img/暂无图片2.jpg" alt=""></dt>
                            <dd>{{ face.zpsj }}</dd>
                        </dl>
                    </div>
                    <div class="list-pagin" ng-show="!showList"><paginings pageOption="pageOption" callBack="getData(item)"></paginings></div>

                  </div>
                </div>
           </div>
      </div>
</div>
